<template>
<div class="container study-container">
  <study-menu></study-menu>
  <transition>
    <div class="study-main">
      <router-view/>
    </div>
  </transition>
</div>
</template>

<script>
import StudyMenu from '_c/study/StudyMenu';
export default {
  name: 'StudyListView',
  components: { StudyMenu }
}
</script>

<style scoped lang="less">
.study-container {
  display: flex;
  justify-content: space-between;
  min-height: 560px;
}
</style>
